<template>
  <div class="dashboard-container">

    <div class="test">你好
      <span class="son2" />
      <el-avatar shape="square">
        <template #default>
          <img src="https://img.touxiangkong.com/uploads/allimg/2023030412/0qlymt2li2q.jpg">
        </template>
      </el-avatar>
    </div>
    <div class="son" />hello
  </div></template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'name'
    ])
  }
}
</script>

<style lang="sass" scoped>
$a:red
$b:blue
.test
  width: 100px
  height: 100px
  background-color: blue
  .son2
    width: 100px
    height: 100px
    background-color: pink
.son
  width: 100px
  height: 100px
  background-color: white
</style>
